<%@ page language="java" pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags"%>

<%
    //获取网页的前面那一串地址： http://127.0.0.1:8086/backend/
	String path = request.getContextPath();
%>

<!DOCTYPE HTML>
<html>

	<head>
		<title>KK录像机 - 官方开通VIP，去水印</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta http-equiv="Content-Type" charset="utf-8" content="text/html" />
		<meta name="Description" content="KK录像机官方开通VIP，去除官方水印，录制超清视频，添加个性签名，编辑超长视频，导出超清视频。" />
		<meta name="Keywords" content="KK录像机VIP,kkcapture破解版,KK录像机破解版,kk录像机水印,kk录像机无水印,kk录像机去水印,kk录像机注册码" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/css/global.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/css/pay.css" />
		<link rel="icon" id="favicon" href="<%=path%>/img/favicon.ico" type="image/x-icon" />
		<script src="<%=path%>/js/jquery-1.7.2.min.js"></script>
		<script src="<%=path%>/js/pay.js"></script>
		<script src="<%=path%>/js/tongji.js"></script>
	</head>

	<body>

		<!--S header-->
		<div class="topBan">
			<img class="bannerImg" src="<%=path%>/img/vip_banner.jpg" height="449" />
		</div>

		<div class="topBan">
			<div class="content">
				<div class="topLogo">
					<a href="#"><img src="<%=path%>/img/logo.png" width="199" height="54" alt="KK录像机" /></a>
				</div>
				<ul class="topNav">
					<li>
						<a href="#" target="_parent">首页</a>
					</li>
					<li class="current">
						<a href="#" target="_parent">会员</a>
						</a>
					</li>
					<li>
						<a href="#" target="_parent">帮助</a>
						</a>
					</li>
					<li>
						<a href="#" target="_parent">反馈</a>
					</li>
				</ul>
				<!--<ul class="topTool">
					<li>
						<div class="btn_buy_top">
							<a href="javascript:void(0)" onclick="showPay('idbyte')">开通KK会员</a>
						</div>
					</li>
					<li>您好，<em title="您还未开通KK会员">idbyte</em>
						<a href="pay/logout.php">退出</a>
					</li>
				</ul>
				<div class="clear"></div>
				
				<div class="vip-slogan">
					<div align="center"><img src="img/vip_slogan.png" width="618" height="120" alt="KK会员" /></div>
				</div>
				<div class="btn_buy">
					<a href="javascript:void(0)" onclick="showPay('idbyte')">开通KK会员</a>
				</div>
				
				-->

				<ul class="topTool">
					<li>
						<div class="btn_buy_top">
							<a href="javascript:void(0)" onclick="showLogin()">开通KK会员</a>
						</div>
					</li>
					<li>
						<a href="reg">注册</a>
					</li>
					<li>
						<div class="loginline">|</div>
					</li>
					<li>
						<a href="javascript:void(0)" onclick="showLogin()">登录</a>
					</li>
				</ul>
				<div class="clear"></div>

				<div class="vip-slogan">
					<div align="center"><img src="<%=path%>/img/vip_slogan.png" width="618" height="120" alt="KK会员" /></div>
				</div>
				<div class="btn_buy">
					<a href="javascript:void(0)" onclick="showLogin()">开通KK会员</a>
				</div>
			</div>

		</div>
		
		<!--E header-->

		<!-- VIP特权 -->
		<div class="privilege">
			<div class="content">
				<h1>VIP特权</h1>
				<div class="priLeft">
					<img src="<%=path%>/img/pri_hd.png" />
					<div class="priDesc">
						<h2>录制超清视频</h2>
						<p>高清、超清、蓝光，清晰度任意选择，让画面细节更出色！</p>
					</div>
				</div>
				<div class="priRight">
					<img src="<%=path%>/img/pri_mark.png" />
					<div class="priDesc2">
						<h2>添加个性签名</h2>
						<p>图片、文字水印随意添加，让您的作品与众不同！</p>
					</div>
				</div>
				<div class="priLeft">
					<img src="<%=path%>/img/pri_delmark.png" />
					<div class="priDesc">
						<h2>去除官方水印</h2>
						<p>录制的视频不再含有KK官方水印，让您真正拥有属于自己的作品！</p>
					</div>
				</div>
				<div class="priRight">
					<img src="<%=path%>/img/pri_auto.png" />
					<div class="priDesc2">
						<h2>自动录制视频</h2>
						<p>无需在电脑前苦苦等待，录制也能自动化！</p>
					</div>
				</div>
				<div class="priLeft">
					<img src="<%=path%>/img/pri_accel.png" />
					<div class="priDesc">
						<h2>开启硬件加速</h2>
						<p>开启硬件加速后，录制不再卡顿，视频更流畅！</p>
					</div>
				</div>
				<div class="priRight">
					<img src="<%=path%>/img/pri_edit.png" />
					<div class="priDesc2">
						<h2>编辑超长视频</h2>
						<p>30分钟以上视频随意剪切合并、加字幕、配音乐，成就大师作品！</p>
					</div>
				</div>
				
				<s:iterator value="list">
					<div class="feeItem">
						<div class="feeOption">
							<div class="fee">36<span class="unit">元</span></div>
							<div class="save"><s:property value="name"/></div>
							<div class="dashline"></div>
							<div class="viptime"><s:property value="reduce"/></div>
						</div>
					</div>	    						 								
				</s:iterator>
<!-- 				<div class="feeItem"> -->
<!-- 					<div class="feeOption"> -->
<%-- 						<div class="fee">36<span class="unit">元</span></div> --%>
<!-- 						<div class="dashline"></div> -->
<!-- 						<div class="viptime">3个月</div> -->
<!-- 					</div> -->
<!-- 				</div> -->

<!-- 				<div class="feeItem"> -->
<!-- 					<div class="feeOption"> -->
<%-- 						<div class="fee">60<span class="unit">元</span></div> --%>
<!-- 						<div class="save">省12元</div> -->
<!-- 						<div class="dashline2"></div> -->
<!-- 						<div class="viptime">6个月</div> -->
<!-- 					</div> -->
<!-- 				</div> -->

<!-- 				<div class="feeItem"> -->
<!-- 					<div class="feeOption"> -->
<%-- 						<div class="fee">108<span class="unit">元</span></div> --%>
<!-- 						<div class="save">省36元</div> -->
<!-- 						<div class="dashline2"></div> -->
<!-- 						<div class="viptime">12个月</div> -->
<!-- 					</div> -->
<!-- 				</div> -->

<!-- 				<div class="feeItem"> -->
<!-- 					<div class="feeOption"> -->
<%-- 						<div class="fee">198<span class="unit">元</span></div> --%>
<!-- 						<div class="save">最优惠</div> -->
<!-- 						<div class="dashline2"></div> -->
<!-- 						<div class="viptime">终身</div> -->
<!-- 					</div> -->
<!-- 				</div> -->
				
			</div>
		</div>

		<!-- 开通流程 -->
		<div class="method">
			<div class="content">
				<h1>开通流程</h1>
				<div class="methLeft">
					<div class="step1">
						<img src="<%=path%>/img/vip_step_1.jpg" />
						<h2>第一步</h2>
						<p>开通付款</p>
					</div>
				</div>

				<div class="methMiddle">
					<div align="center"><img src="<%=path%>/img/vip_step_2.png" /></div>
					<h2>第二步</h2>
					<p>软件登陆账号/重新登陆</p>
				</div>

				<div class="methRight">
					<div class="step3">
						<img src="<%=path%>/img/vip_step_3.png" />
						<h2>第三步</h2>
						<p>软件主界面VIP按钮变色</p>
					</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<a href="#">联系我们</a><br /> Copyright &copy; 2011-2019 杭州凯凯科技有限公司<br />
		</div>

		<!-- 支付窗口 -->
		<div class="mini_pay" id="mini_pay">
			<div class="titleBar">
				<span class="pay_title">开通会员</span>
				<a href="javascript:void(0)" class="pay_close" onclick="closePay(1)">关闭</a>
			</div>

			<div class="paytimeBK">
				<div class="conarea">
					<h3>
            开通账号：
            idbyte        </h3>
					<ul class="paytime">
					    
						<li value="36">
							<div class="fee">36<span class="unit">元</span></div>
							<div class="viptime">3个月</div>
						</li>
						<li value="60">
							<div class="fee">60<span class="unit">元</span></div>
							<div class="save">省12元</div>
							<div class="viptime2">6个月</div>
						</li>
						<li value="108">
							<div class="fee">108<span class="unit">元</span></div>
							<div class="save">省36元</div>
							<div class="viptime2">12个月</div>
						</li>
						<li value="198" class="active">
							<div class="fee">198<span class="unit">元</span></div>
							<div class="save">最优惠</div>
							<div class="viptime2">终身</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="contype">
				<h3>支付方式：</h3>
				<ul class="paytype">
					<li value="201" class="active">
						<div class="typeDesc">支付宝</div>
					</li>
					<!--li value="202"><div class="typeDesc">微信支付</div></li-->
					<li value="203">
						<div class="typeDesc">银行卡</div>
					</li>
				</ul>
			</div>
			<div class="qcode">
				<p id="qcode_tip">请使用支付宝扫码支付</p>
				<div class="qcode_rect">
					<img src="<%=path%>/img/canvas.png" />
					<!--<iframe id="iframe_qcode" class="qcode_ali" src="" frameborder="0" scrolling="no"></iframe>-->
				</div>
			</div>

			<div class="bank_pay">
				<form id="form_bank_pay" action="#" method="post">
					<input type="hidden" name="kk_name" value="idbyte" />
					<input type="hidden" id="bank_fee" name="kk_fee" value="198" />
					<input type="hidden" name="pay_bank" value="directPay" />
					<input type="submit" class="btn_bank_pay" value="申请会员" />
				</form>
			</div>
		</div>

		<!-- 登录窗口 -->
		<div class="mini_login" id="mini_login">

			<div class="loginTitleBar">
				<span class="login_title">登 录</span>
				<a href="javascript:void(0)" class="login_close" onclick="closeLogin()">关闭</a>
			</div>

			<form action="#" method="post" name="formlogin" id="form_login">
				<input type="text" maxlength="20" name="uname" placeholder="请输入账号" />
				<input type="password" maxlength="20" name="upwd" placeholder="请输入密码" />
				<div class="tip_error">
					<div class="tip_show" id="tip_show">
						<img src="/img/tip_login.png" />
						<span class="error_desc" id="error_desc"></span>
					</div>
				</div>
				<a href="javascript:void(0)" class="btn_login" onclick="clickLogin()">登 陆</a>
			</form>

			<div class="login_help">
				<a href="#" target="_blank">注册新账号</a>
				<div class="line">|</div>
				<a href="#" target="_blank">忘了密码?</a>
			</div>
		</div>

		<!-- 支付结果窗口 -->
		<div class="mini_result" id="mini_result">
			<div class="titleBar">
				<span class="pay_title">支付结果</span>
				<a href="javascript:void(0)" class="pay_close" onclick="closePay(2)">关闭</a>
			</div>

			<p>开通结果：0</p>
			<a href="javascript:void(0)" class="btn_ok" onclick="closePay(2)">确定</a>
		</div>

		<!-- 遮罩层 -->
		<div class="cover" id="cover"></div>

	</body>

</html>